<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>活动列表</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<!--c header begin-->
<header class="mode-header__wrap mode-header-index">
    <div class="mode-header mode-header__70">
        <nav class="navbar">
            <div>
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header header-logo">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand c-fff" href="#"><img class="logo" src="./v3/img/logo-268.png" alt="268教育软件"></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#" class="c-fff">首页<span class="sr-only">(current)</span></a></li>
                        <li><a href="#" class="c-fff">课程</a></li>
                        <li><a href="#" class="c-fff">讲师</a></li>
                        <li><a href="#" class="c-fff">考试</a></li>
                        <li><a href="#" class="c-fff">问答</a></li>
                        <li><a href="#" class="c-fff">社区</a></li>
                        <li><a href="#" class="c-fff">资讯</a></li>
                        <li><a href="#" class="c-fff">免费直播</a></li>
                        <li><a href="#" class="c-fff">图书</a></li>
                        <li><a href="#" class="c-fff">活动</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#" class="c-999" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                下载APP
                            </a>
                        </li>
                        <li class="head-shopCart ml10">
                            <a href="#" class="dropdown-toggle c-999 pr" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                <i class="fa fa-shopping-cart fs16 mr5"></i>购物车
                                <span class="badge badge-danger head-keNum-pointer">2</span>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <div class="head-sc-kc-list">
                                        <div class="pt10 pr10 pb10 pl10">
                                            <!--未登录显示-->
                                            <div class="text-center hide">
                                                <div class="pt10">
                                                    <a href=""><button type="button" class="btn btn-info">登录</button></a>
                                                    <span class="fs14 c-999 ml10">同步各端数据</span>
                                                </div>
                                                <hr />
                                            </div>
                                            <!--无数据显示-->
                                            <div class="text-center hide">
                                                <span class="noShopCart"></span>
                                                <h6><span class="fs12 c-999">购物车空空如也，快<a href="" class="c-success">去选课</a>吧~</span></h6>
                                            </div>
                                            <!--登录后有数据显示-->
                                            <div>
                                                <h6 class="fs12 c-999">购物车共加入<span class="fs12 c-danger">11</span>门课程</h6>
                                                <div class="head-sc-item-list pt10">
                                                    <section class="head-sc-item mb20">
                                                        <div class="media">
                                                            <div class="media-left">
                                                                <a href="#">
                                                                    <img class="media-object" alt="64x64" width="90" height="50" src="./v3/img/default/default-course.gif" data-holder-rendered="true">
                                                                </a>
                                                            </div>
                                                            <div class="media-body">
                                                                <div class="sc-item-title">
                                                                    <a href="" class="c-333 fs14">elerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at</a>
                                                                </div>
                                                            </div>
                                                            <div class="media-right">
                                                                <section class="text-right">
                                                                    <p><span class="fs14 c-danger">￥189.0</span></p>
                                                                    <a href="" class="fs14 c-ccc" title="删除"><i class="fa fa-trash-o"></i></a>
                                                                </section>
                                                            </div>
                                                        </div>
                                                    </section>
                                                    <section class="head-sc-item mb20">
                                                        <div class="media">
                                                            <div class="media-left">
                                                                <a href="#">
                                                                    <img class="media-object" alt="64x64" width="90" height="50" src="./v3/img/default/default-course.gif" data-holder-rendered="true">
                                                                </a>
                                                            </div>
                                                            <div class="media-body">
                                                                <div class="sc-item-title">
                                                                    <a href="" class="c-333 fs14">elerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at</a>
                                                                </div>
                                                            </div>
                                                            <div class="media-right">
                                                                <section class="text-right">
                                                                    <p><span class="fs14 c-danger">￥189.0</span></p>
                                                                    <a href="" class="fs14 c-ccc" title="删除"><i class="fa fa-trash-o"></i></a>
                                                                </section>
                                                            </div>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                            <div class="head-sc-kc-foot text-center">
                                                <button type="button" class="btn btn-w-m btn-danger unRadius"><span class="fs16">￥1980 去购买</span></button>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li><a href="javascript:;" class="login nav-btn">登录</a></li>
                        <li><a href="javascript:;" class="reg nav-btn">注册</a></li>
                    </ul>
                    <form class="navbar-form head-search navbar-right">
                        <button type="submit" title="搜索" class="btn btn-warning fs18"><i class="fa fa-search"></i></button>
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="搜索课程">
                            <span class="search-tab">经济学</span>
                            <span class="search-tab">区块链</span>
                        </div>
                    </form>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
</header>
<!--c header end-->

<!--c left begin-->
<nav class="leftMenu">
    <div class="lMenu_bx">
        <header>科目专业</header>
        <ul>
            <li></li>
        </ul>
    </div>
</nav>
<!--c left end-->
<section class="index-main bg-f4">
    <div class="container">
        <div class="activity-list__warp">
            <section class="activity_bx">
                <img th:src="@{{path}/front/web/v3/img/activity1.jpg(path=${staticPath})}">
                <div class="activity-content">
                    <div class="row">
                        <div class="col-md-8">
                            <a href="javascript:;" class="active-tit txtOf">区块链技术的应用</a>
                            <p class="fs16 active_synopsis">中心化、公开透明，让每个人均可参与数据库记录。</p>
                        </div>
                        <div class="col-md-2 text-center mt5">
                            <aside class="fs14 c-fff">
                                <p class="mb5">距离本次开课仅剩</p>
                                <p class="fs20 mb5">12天</p>
                                <p>7月11日开课</p>
                            </aside>
                        </div>
                        <div class="col-md-2 text-center mt5">
                            <aside class="fs14 c-fff">
                                <p class="mb5">本次剩余席位</p>
                                <p class="fs20">17</p>
                            </aside>
                        </div>
                    </div>
                    <div class="text-center">
                        <button class="btn fs16 btn-w-m btn-rounded btn-enlist">￥666 立即报名</button>
                        <p class="fs14 active-hint">席位有限，立即行动！</p>
                    </div>
                </div>
            </section>
            <section class="activity_bx">
                <img th:src="@{{path}/front/web/v3/img/activity2.jpg(path=${staticPath})}">
                <div class="activity-content">
                    <div class="row">
                        <div class="col-md-8">
                            <a href="javascript:;" class="active-tit txtOf">区块链技术的应用</a>
                            <p class="fs16 active_synopsis">中心化、公开透明，让每个人均可参与数据库记录。</p>
                        </div>
                        <div class="col-md-2 text-center mt5">
                            <aside class="fs14 c-fff">
                                <p class="mb5">距离本次开课仅剩</p>
                                <p class="fs20 mb5">12天</p>
                                <p>7月11日开课</p>
                            </aside>
                        </div>
                        <div class="col-md-2 text-center mt5">
                            <aside class="fs14 c-fff">
                                <p class="mb5">本次剩余席位</p>
                                <p class="fs20">17</p>
                            </aside>
                        </div>
                    </div>
                    <div class="text-center">
                        <button class="btn fs16 btn-w-m btn-rounded btn-enlist">￥666 立即报名</button>
                        <p class="fs14 active-hint">席位有限，立即行动！</p>
                    </div>
                </div>
            </section>
        </div>
    </div>
</section>
<!--c footer begin-->
<footer class="mode-footer__wrap">
    <div class="container">
        <div class="row mode-foot-top_bx">
            <section class="col-sm-7">
                <div class="row">
                    <section class="col-sm-3">
                        <div class="foot-help-link">
                            <h6 class="c-000 fs18">新手指南</h6>
                            <p><a href="">如何注册</a></p>
                            <p><a href="">购课流程</a></p>
                            <p><a href="">付款方式</a></p>
                            <p><a href="">常见问题</a></p>
                        </div>
                    </section>
                    <section class="col-sm-3">
                        <div class="foot-help-link">
                            <h6 class="c-000 fs18">用户中心</h6>
                            <p><a href="">账户设置</a></p>
                            <p><a href="">会员积分</a></p>
                            <p><a href="">订单查询</a></p>
                            <p><a href="">促销优惠</a></p>
                        </div>
                    </section>
                    <section class="col-sm-3">
                        <div class="foot-help-link">
                            <h6 class="c-000 fs18">课程学习</h6>
                            <p><a href="">学习流程</a></p>
                            <p><a href="">批量购课</a></p>
                        </div>
                    </section>
                    <section class="col-sm-3">
                        <div class="foot-help-link">
                            <h6 class="c-000 fs18">售后服务</h6>
                            <p><a href="">发票相关</a></p>
                            <p><a href="">忘记密码</a></p>
                            <p><a href="">播放问题</a></p>
                            <p><a href="">网站建议</a></p>
                        </div>
                    </section>
                </div>
            </section>
            <section class="col-sm-5">
                <div class="row">
                    <div class="col-sm-5">
                        <div class="foot-help-link">
                            <h6 class="c-000 fs18">联系我们</h6>
                            <p>
                                <span class="fs16 c-222">服务电话</span>
                            </p>
                            <p>
                                <span class="fs16 c-222">400-0620-268</span>
                            </p>
                            <p>
                                <span class="fs16 c-222">企业邮箱</span>
                            </p>
                            <p>
                                <span class="fs16 c-222">yizhilu@268xue.com</span>
                            </p>
                        </div>
                    </div>
                    <div class="col-sm-7 mt10">
                        <section class="row">
                            <article class="col-sm-4 rwm pr">
                                <div class="text-center hand">
                                    <em class="f-icon app_icon"></em>
                                    <p class="fs12 c-666 hLh20 mt10">下载APP</p>
                                </div>
                                <div class="foot-help-link text-right pa foot-rwm">
                                    <img src="https://res.268xue.com/res/upload/yzl/appDow/20180130/45ab56cb04e4e06b83d7b9db86b3ca73.png" width="100" height="100"/>
                                </div>
                            </article>
                            <article class="col-sm-4 rwm pr">
                                <div class="text-center hand">
                                    <em class="f-icon wx_icon"></em>
                                    <p class="fs12 c-666 hLh20 mt10">微信&h5</p>
                                </div>
                                <div class="foot-help-link text-right pa foot-rwm">
                                    <img src="https://res.268xue.com/res/upload/yzl/appDow/20180130/45ab56cb04e4e06b83d7b9db86b3ca73.png" width="100" height="100"/>
                                </div>
                            </article>
                            <article class="col-sm-4 rwm pr">
                                <div class="text-center hand">
                                    <em class="f-icon procedure_icon"></em>
                                    <p class="fs12 c-666 hLh20 mt10">小程序</p>
                                </div>
                                <div class="foot-help-link text-right pa foot-rwm">
                                    <img src="https://res.268xue.com/res/upload/yzl/appDow/20180130/45ab56cb04e4e06b83d7b9db86b3ca73.png" width="100" height="100"/>
                                </div>
                            </article>
                        </section>
                    </div>
                </div>
            </section>
        </div>
        <div class="mode-foot-bottom_bx">
            <ul class="text-center">
                <li id="foot-linkBottom">
                    <a target="_blank" href="#" title="新手指南">新手指南</a>&nbsp;|
                    <a target="_blank" href="/help" title="帮助中心">帮助中心</a>&nbsp;|
                    <a target="_blank" href="#" title="关于我们">关于我们</a>&nbsp;|
                    <a target="_blank" href="#" title="联系我们">联系我们</a>&nbsp;|
                    <a target="_blank" href="/front/to_free_back" title="意见反馈">意见反馈</a>&nbsp;|
                    <a target="_blank" href="http://www.268xue.com" title="技术支持(268教育)">技术支持(268教育)</a>
                    <span class="fs12"> 24小时服务热线：400-0620-268 Email：yizhilu@268xue.com 工作时间：9:00-18:00</span>
                </li>
                <li class="foot-copyright"><span class="fs12">©2010-2017 北京易知路科技有限公司 版权所有 京公网安备11010802011695号 京ICP备13029607号</span></li>
            </ul>
        </div>
    </div>
</footer>
<!--c footer end-->

<!--全局 js-->
<script src="./libs/jquery_1.11.1/jquery.min.js?v=1.11.1"></script>
<script src="./libs/bootstrap_3.3.0/bootstrap.min.js?v=3.3.0"></script>
<script src="libs/global.js?v=1.1.0"></script>
<!--图片懒加载 js-->
<script src="./libs/jquery_lazyload_1.9.3/jquery.lazyload.min.js?v=1.9.3"></script>
<script>
    $(function() {
        //首屏幻灯片初始化
        $('.carousel').carousel()
        //图片数据懒加载
        $('img.lazy').lazyload({
            placeholder: './v3/img/default/default-course.gif',  //占位图
            effect: 'fadeIn'                                    //载入方式
        })
    })
</script>
</body>
</html>